html {
	height: 100%;
	border: none;
}
body {
	height: 100%;
	min-width: 1200px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #484848;
	font-family: Arial, "microsoft yahei";
	background: #fff;
}
div, ul, li, img, dl, dd, dt, p {
	padding: 0;
	margin: 0;
	border: none;
}
ul, dl {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #3B9FF2;
	text-decoration: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
@media only screen and (max-width:1200px){
.container {
	width: 96%; overflow:hidden;
}

}
.header {
	
}
.top {
	height: 36px;
	line-height: 36px;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
}
.top a {
	color: #666;
}
.top ul {
	float: right;
}
.top ul li {
	float: left;
	padding: 0 10px;
}
.top .fr {
	position: relative;
}
.top .fr img {
	position: relative;
	top: 3px;
	margin-right: 4px;
}
#logo {	
	width: 100%;
	overflow: hidden;
}
#logo .logo {
}
#logo .logo img {
	margin-top: 28px;
	max-height: 65px;
}
#logo .company {
	padding-left: 15px;
	border-left: 1px solid #c4c4c4;
	height: 60px;
	margin-top: 25px;
	margin-left: 10px;
	padding-top: 5px;
}
#logo .company h3 {
	font-size: 24px;
	color: #3B9FF2;
	font-weight: bold;
}
#logo .company h4 {
	font-size: 18px;
	margin-top: 5px;
	color: #666;
}
#logo .tel {
	background: url(../images/tel.png) no-repeat left center;
	height: 120px;
	width: 200px;
	padding-left: 58px;
}
#logo .tel p {
	font-size: 16px;
	color: #666;
	margin-top: 35px;
}
#logo .tel p span {
	font-size: 30px;
	display: block;
	font-weight: bold;
	color: #666;
}

.nav {
	background: url(../images/navbg.jpg) no-repeat top center;
	height: 68px;
}
.nav ul li {
	float: left;
	display: inline;
	text-align: center;
	font-size: 16px;
	position: relative;
	margin-top: 7px;
}
.nav ul li:after {
	content: '┆';
	position: absolute;
	left: 0;
	top: 18px;
	width: 1px;
	height: 60px;
	display: block;
	color: #fff;
}
.nav ul li a {
	color: #fff;
	display: block;
	width: 195px;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 2;
}
.nav ul li a:hover, .nav ul>li.on>a {
	color: #3B9FF2;
}
.nav ul li dl {
	margin: 0px;
	padding: 0;
	position: absolute;
	z-index: 999;
	display: none;
}
.nav ul li dl dt a {
	display: block;
	width: 195px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #252525;
	color: #fff;
}
.nav ul li dl dt a:hover {
	background: #3B9FF2;
	color: #fff;
	display: block;
	width: 195px;
	height: 50px;
}
.nav ul .home {
	margin-left: 15px;
}
.nav ul .on.home a {
	color: #fff;
}
.nav ul .home a:hover {
	color: #fff;
}
.nav ul .home:after, .nav ul li:nth-child(2):after {
	display: none;
}
.index_banner {
	height: 550px;
	overflow: hidden;
}

@media only screen and (max-width: 640px){
.wrap {
    padding-left: 4%;
    padding-right: 4%;
}
}



.search {
	height: 70px;
	border-bottom: 1px solid #e2e2e2;
}
.search .fl {
	line-height: 70px;
}
.search .fl a {
	margin-right: 15px;
}
.search .fl span {
	color: #333;
	font-weight: bold;
}
.search .fr {
	width: 384px;
	height: 70px;
}
.search .fr input {
	width: 280px;
	height: 36px;
	border: 1px solid #eee;
	margin-top: 15px;
	padding-left: 3px;
	border-radius: 6px 0 0 6px;
	padding-left: 15px;
}
.search .fr button {
	width: 75px;
	height: 40px;
	background: url(../images/search.jpg) no-repeat;
	border: none;
	position: relative;
	left: -10px;
	top: 14px;
}

.sec-title {
	text-align: center;
	padding: 40px 0;
	height: 40px;
	position: relative;
}
.sec-title h3 {
	font-size: 24px;
	color: #252525;
	font-weight: bold;
}
.sec-title h3 span {
	color: #3B9FF2;
}
.sec-title p {
	font-size: 14px;
	margin-top: 10px;
}

.ys {
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.ys .content {
	margin-top: 5px;
}
.ys .content dl {
	float: left;
	display: inline-block;
	margin-right: 14px;
	width: 237px;
	height: 110px;
	border: 1px solid #cccccc;
	padding: 30px 20px 30px 30px;
}
.ys .content dl:last-child {
	margin-right: 0;
}
.ys .content dl:hover {
	background: #3B9FF2;
	color: #fff;
}
.ys .content dl dt {
	float: left;
}
.ys .content dl dd {
	float: right;
	margin-top: 25px;
}
.ys .content dl dt h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.ys .content dl dt p {
	line-height: 35px;
}
.ys .content dl dt .more {
	width: 90px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;
	background: #3B9FF2;
	border-radius: 5px;
	margin-top: 15px;
}
.ys .content dl dt .more a {
	color: #fff;
	width: 90px;
	height: 28px;
	display: block;
	border-radius: 5px;
}
.ys .content dl:hover h3 {
	color: #fff;
}
.ys .content dl:hover .more a {
	background: #FFF;
	color: #3B9FF2
}

.sec-titles {
	text-align: center;
	padding: 30px 0;
	height: 40px;
	position: relative;
}
.sec-titles h3 {
	font-size: 30px;
	color: #252525;
	font-weight: bold;
	background: url(../images/line.png) no-repeat bottom center;
	padding-bottom: 10px;
}
.sec-titles p {
	font-size: 14px;
	margin-top: 8px;
}
.index-pro {
	padding: 30px 0 30px;
	height: auto;
	overflow: hidden;
	background: url(../images/probg.jpg) no-repeat top center;
}
.index-pro .content {
	margin-top: 30px;
	height: auto;
	overflow: hidden;
}
.index-pro .content .fl {
	width: 300px;
}
.index-pro .content .fr {
	width: 860px;
}
.index-pro .content .fl .title {
	height: 70px;
	width: 270px;
	background: #3B9FF2 url(../images/ico01.png) no-repeat 20px center;
	color: #fff;
	padding: 15px 0 0 30px;
}
.index-pro .content .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}
.index-pro .content .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
}
.index-pro .content .fl .contact {
	background: #3B9FF2;
	text-align: center;
	padding: 20px 0;
}
.index-pro .content .fl .contact p {
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.index-pro .content .fl .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

.category {
	width: 100%;
	padding: 20px 0;
	background: #FFF;
	height: auto;
	overflow: hidden;
}
.category h3 {
	line-height: 58px;
	width: 230px;
	height: 58px;
	margin-left: 25px;font-size: 1.17em;
}
.category h3 a {
	float: left;
	line-height: 58px;
	color: #fff;
	width: 230px;
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
	background: #484848 url(../images/ico02.png) no-repeat 210px center;
	display: block;
}
.category h3.on a {
	background: #3B9FF2 url(../images/ico02.png) no-repeat 210px center;
	color: #fff;
}
.category h3 a:hover {
	background: #3B9FF2 url(../images/ico02.png) no-repeat 210px center;
	color: #fff;
}
.category h3 span {
	float: left;
}
.category ul {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.category li {
	display: block;
	line-height: 40px;
}
.category li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 58px;
}
.category li.on a {
	color: #3B9FF2;
}
.xypg-left-con {
    border-top: none;
}

.latest-news {
    padding: 10px 0;
}

.latest-news li {
    padding: .5em 1em;
    font-size: 14px;
}

.latest-news li a {
    display: block;
    line-height: 1.2;
    color: #5a5a5a;
}

.latest-news li a:before {
    content: '+';
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
}

.latest-news li a:hover {
    color: #292e39;
}

.latest-news li a:hover:before {
    color: #292e39;
}
.index-pro .content .fr ul li {
	float: left; width:31.8333337%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
}
.index-pro .content .fr ul li:nth-child(3n) {
	margin-right: 0
}
.index-pro .content .fr ul li .img {
	width: 100%;
	height: 235px;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.index-pro .content .fr ul li .img img {
	width: 100%;
}
.index-pro .content .fr ul li .mask {
	background: rgba(59,159,242,0.8);
	display: none;
	text-align: center;
	width: 100%;
	height: 269px;
	position: absolute;
	left: 0;
	top: 0;
}
.index-pro .content .fr ul li:hover .mask {
	display: block;
}
.index-pro .content .fr ul li .mask h4 {
	font-size: 18px;
	line-height: 42px;
	padding-top: 60px;
}
.index-pro .content .fr ul li .mask .more {
	width: 120px;
	height: 30px;
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 15px;
	line-height: 30px;
}
.index-pro .content .fr ul li a:hover h4 {
	color: #fff;
}
.index-pro .content .fr ul li a:hover .more {
	color: #fff;
}
@media only screen and (max-width:1200px){

.index-pro .content .fl {
	width: 0px; display:none;
}
.index-pro .content .fr {
	width: 96%; margin:0 auto;
}
}

@media only screen and (max-width:568px){
.index-pro .content .fr ul li {
	float: left; width:48%;
}
.index-pro .content .fr ul li:nth-child(3n) {
	margin-right:2%
}
.index-pro .content .fr ul li:nth-child(2n) {
	margin-right: 0
}
}
.liucheng {
	height: 330px;
	overflow: hidden;
}
.liucheng ul li {
	float: left;
	display: inline-block;
	transition-duration: 0.8s;
	width: 172px;
	height: 155px;
	border: 1px solid #cccccc;
	margin-right: 30px;
	text-align: center;
}
.liucheng ul li:hover {
	margin-top: 10px;
}
.liucheng ul li:last-child {
	margin-right: 0;
}
.liucheng ul li img {
	margin-top: 38px;
}
.liucheng ul li p {
	font-size: 16px;
	margin-top: 8px;
}
@media only screen and (max-width:1200px){
.liucheng ul li { width: 12.46666667%;height: 145px;margin-right: 2%; }

}
.about {
	background: url(../images/aboutbg.jpg) no-repeat top center;
	height: 440px;
	overflow: hidden;
	padding-top: 54px;
}
.about .fl {
	float: left;
	display: inline-block;
	width: 622px;
}
.about .fr {
	float: right;
	display: inline-block;
	padding-top: 20px;
}
.about .fr img {
	width: 482px;
	height: 307px;
	border-radius: 10px;
	border: 15px solid #FFF;
}
.about .fl span {
	color: #4f5358;
	font-size: 30px;
	font-weight: bold;
}
.about .fl h2 {
	font-weight: bold;
	color: #fff;
	position: relative;
	height: 50px;
}
.about .fl h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 3px;
	background: #3B9FF2;
}
.about .fl .info {
	line-height: 25px;
	color: #fff;
	margin-top: 20px;
}
.about .fl .more {
	width: 185px;
	height: 42px;
	line-height: 42px;
	border-radius: 5px;
	margin-top: 20px;
	background: #3B9FF2 url(../images/ico03.png) no-repeat 40px center;
	display: block;
}
.about .fl .more a {
	color: #fff;
	padding-left: 80px;
}

.honor {
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-top: -55px;
}
.honor .hd {
	height: 55px;
	overflow: hidden;
	width: 100%;
}
.honor .hd ul li {
	display: inline-block;
	width: 200px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	margin-right: 12px;
}
.honor .hd ul li a {
	background: #f2f2f2;
	width: 200px;
	height: 55px;
	display: block;
	border-radius: 5px 5px 0 0
}
.honor .hd ul li a:hover {
	background: #3B9FF2;
	color: #fff;
}
.honor .hd ul li.on a {
	background: #3B9FF2;
	color: #fff;
}
.honor .bd {
	padding-top: 40px;
}
.honor .bd ul li {
	float: left;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	width: 285px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.honor .bd ul li img {
	max-width: 287px;
	height: 190px;
}
.honor .bd ul li p {
	line-height: 35px;
}

.index-news {
	height: auto;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.index-news .fl {
	width: 675px;
}
.index-news .fr {
	width: 500px;
}
.index-news .fr .tit {
	font-size: 14px;
	color: #999999;
}
.index-news .fr .tit span {
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-right: 15px;
}
.index-news .fr .tit em {
	float: right;
	margin-top: 4px;
}
.index-news .fr .gun-news {
	padding-top: 20px;
}
.index-news .fr .gun-news ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.index-news .fr .gun-news h4 {
	background: url(../images/wen.jpg) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	padding-left: 30px;
}
.index-news .fr .gun-news h4 a {
	float: left;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.index-news .fr .gun-news span {
	float: right;
	padding-right: 8px;
}
.index-news .fr .gun-news p {
	background: url(../images/da.jpg) no-repeat left top;
	font-size: 14px;
	line-height: 26px;
	display: block;
	padding-left: 30px;
}
.tab-news .hd {
	float: left;
	display: inline;
	width: 125px;
	margin-right: 20px;
}
.tab-news .hd ul li {
	width: 75px;
	height: 164px;
	background: #3B9FF2;
	margin-bottom: 1px;
	padding: 25px;
}
.tab-news .hd ul li h3 {
	font-size: 14px;
	padding-top: 15px;
	color: #fff;
}
.tab-news .hd ul li h3 span {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
	color: #fff;
}
.tab-news .hd ul li .more {
	padding: 3px 5px;
	border: 1px solid #FFF;
	text-align: center;
	margin-top: 15px;
}
.tab-news .hd ul li .more a {
	color: #fff;
}
.tab-news .hd ul li.on {
	background: #ae0a11;
}
.tab-news .bd {
	float: left;
	display: inline;
	width: 520px;
}
.tab-news .bd dl {
	width: 490px;
	height: 165px;
	background: #f8f8f8;
	padding: 15px;
}
.tab-news .bd dl dt {
	float: left;
	display: inline;
}
.tab-news .bd dl dd {
	float: right;
	display: inline;
	width: 257px;
}
.tab-news .bd dl dd .date {
	font-size: 18px;
	color: #3B9FF2;
	font-weight: bold;
}
.tab-news .bd dl dd .date span {
	display: block;
	font-size: 12px;
}
.tab-news .bd dl dd h4 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0
}
.tab-news .bd dl dd p {
	line-height: 25px;
}
.tab-news .bd dl dt img {
	width: 220px;
	height: 162px;
}
.tab-news .bd ul {
	padding-top: 15px;
}
.tab-news .bd ul li {
	line-height: 40px;
}
.tab-news .bd ul li a {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tab-news .bd ul li span {
	float: right;
}
.tab-news .bd ul li a:before {
	content: "●";
	font-size: 12px;
	margin-right: 7px;
	color: #3B9FF2
}

.links {
	padding-bottom: 20px;
}
.links span {
	font-weight: bold;
	font-size: 18px;
}
.links a {
	margin-right: 15px;
}
.footer {
	background: #333333;
	height: 240px;
	overflow: hidden;
	padding-top: 45px;
	color: #bbbbbb;
}
.footer .fl h3 {
	color: #fff;
	margin-bottom: 20px;
}
.footer .fl a {
	color: #bbbbbb;
}
.footer .fl a:hover {
	color: #ae0a11;
}
.footer .dh {
	width: 220px;
	line-height: 30px;
}
.footer .dh ul li {
	float: left;
	width: 45%;
}
.footer .pro {
	width: 220px;
	margin-right: 50px;
	line-height: 30px;
	padding: 0 50px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.footer .pro ul li {
	float: left;
	width: 45%;
}
.footer .contact {
	line-height: 30px;
}
.footer .fr h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.footer .fr img {
	height: 140px;
}
.copyright {
	background: #333333;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
	line-height: 28px;
}
.copyright a {
	color: #bbbbbb;
}

.ny {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 30px 0;
}
.ny .fl {
	width: 300px;
	border: 1px solid #ccc;
}
.ny .fr {
	width: 860px;
}
.ny .fl .title {
	height: 70px;
	width: 270px;
	background: #3B9FF2 url(../images/ico01.png) no-repeat 20px center;
	color: #fff;
	padding: 15px 0 0 30px;
}
.ny .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}
.ny .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase
}
.ny .contact {
	background: #3B9FF2;
	text-align: center;
	padding: 20px 0;
}
.ny .contact p {
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.ny .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.ny .fr .title {
	line-height: 42px;
	border-bottom: 1px solid #e1e1e1;
}
.ny .fr .title span {
	font-size: 20px;
	color: #3B9FF2;
	border-bottom: 3px solid #3B9FF2;
	padding-bottom: 10px;
}
.ny .fr .title p {
	display: inline-block;
	float: right;
}
.ny .fr .tit {
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
}
.ny .fr .tit span {
	font-size: 18px;
	color: #3B9FF2;
	border-bottom: 3px solid #3B9FF2;
	padding-bottom: 8px;
}
.ny .fr .txt {
	border: 1px solid #e1e1e1;
	background: #f4f4f4;
	margin-top: 20px;
	padding: 15px;
}
.list-1 dl {
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0;
}
.list-1 dl dt {
	line-height: 35px;
	font-size: 16px;
}
.list-1 dl dt:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #3B9FF2;
	position: relative;
	top: -3px;
}
.list-1 dl dt span {
	float: right;
	font-size: 14px;
}
.list-1 dl dt a {
	font-weight: bold;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.list-1 dl dd {
	color: #999;
}

.pages {
  padding: 30px 0px;
  text-align: center;
}
.pages li {
  display: inline-block;
  margin:0 5px;
}
.pages li a {
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
}
.pages li a:hover {
  padding: 5px 10px;
  border: 1px solid #3B9FF2;
  background: #3B9FF2;
  color: #fff;
}
.pages a {
	display: inline-block; 
  padding: 5px 10px; margin: 0 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666; font-size:14px;
}
.pages a:hover {
  padding: 5px 10px;
  border: 1px solid #3B9FF2;
  background: #3B9FF2;
  color: #fff;
}
.pages span {
	display: inline-block; 
  padding: 5px 10px; margin: 0 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;font-size:14px;
}

.list-2 {
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.list-2 ul li {
	float: left;
	display: inline-block;
	margin-right: 27px;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.list-2 ul li:nth-child(3n) {
	margin-right: 0
}
.list-2 ul li .img {
	width: 266px;
	height: 246px; overflow:hidden;
	border: 1px solid #c1c1c1;
}
.list-2 ul li img {
	width: 100%;
}
.list-2 ul li p {
	margin-top: 5px; height:30px; line-height:30px;
}
.news {
	padding: 0px 0 0;
}
.news h1 {
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}
.news .date {
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}
.news .date span {
	padding: 0 15px;
}
.news .info {
	padding:30px 0 0;
	
}
.news .info img { max-width:100%; text-align:center; margin: 0 auto;}
.news .info p{font-size: 15px;line-height: 28px; color:#666;}
.news-img {
	text-align: center;
}
.news-img img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.tags {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	line-height: 35px;
	margin-top: 30px;
}
.tags span {
	font-weight: bold;
}
.tags a {
	margin-right: 10px;
}

.prev{ 
	line-height: 30px; 
} 

.xg-pro {
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.xg-pro ul li {
	float: left;
	display: inline-block;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}
.xg-pro ul li img {
	width: 200px;
	height: 160px;
}
.xg-news {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.xg-news ul li {
	float: left;
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	line-height: 25px;
}
.xg-news ul li:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #3B9FF2;
	position: relative;
	top: -10px;
}
.xg-news ul li a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 240px;
	display: inline-block;
}
.xg-news ul li span {
	float: right;
}
.xg-area {
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}
.xg-area ul li {
	float: left;
	display: inline-block;
	margin-right: 25px;
	line-height: 25px;
}
.pro {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 30px;
}
.pro .img {
	float: left;
	display: inline-block;
	width: 480px;
}
.pro .text {
	float: right;
	display: inline-block;
	width: 350px;
}
.pro .text h1 {
	font-size: 24px;
	padding-top: 20px;
}
.seo {
	padding: 20px 0;
	line-height: 28px;
}
.pro .text .desc {
	padding: 20px 0;
	height: 150px;
	font-size: 16px;
	line-height: 25px;
}
.pro .text .btn {
	width: 120px;
	height: 40px;
	background: #3B9FF2;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	margin-top: 40px;
}
.pro-content .tits {
	border-bottom: 1px solid #e1e1e1;
	height: 40px;
	width: 100%;
	font-size: 18px;
}
.pro-content .tits span {
	background: #3B9FF2;
	color: #fff;
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.pro-content .info {
	padding: 20px 0;
	line-height: 25px;
}

.pc-slide {
	width: 500px;
	float: left;
}
.pc-slide img {
	width: 500px;
	height: 400px;
}

.clearfix {
*zoom: 1;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sitemap h3 {
	margin-bottom: 10px;
}
.sitemap dl {
	margin-bottom: 10px;
}
.sitemap dl a{
	line-height: 30px;
}


/* 优势 */

.youshi {
    background: #f9f9f9;
    padding-top: 69px;
    background: url("../images/ys_back.jpg") no-repeat top left;
    background-size: cover;
    padding-bottom: 98px;
}

.youshi .tit {
    text-align: center;
}

.youshi .tit h2 {
    font-size: 49px;
    letter-spacing: 3px;
    color: rgba(254, 140, 7, 1);
}

.youshi .tit h2 span {
    color: rgba(59, 159, 242, 1);
    margin-left: 15px;
}

.youshi .tit>span {
    font-size: 14px;
    line-height: 48px;
    color: rgba(0, 0, 0, 1);
    display: inline-block;
    margin-top: 5px;
}

.youshi .tit p {
    font-size: 30px;
    line-height: 48px;
    color: rgba(0, 0, 0, 1);
    margin-top: -10px;
}

.youshi .content {
    margin-top: 69px;
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
}
#zhouxin *,#zhouxin{box-sizing: border-box;}
#zhouxin {
    display: inline-block;
    width: 2px;
    position: relative;
    z-index: 1;
    height: 100%;
    border: 1px dashed rgba(0, 0, 0, 0.5);
}

#zhouxin .yss li {
    text-align: left;
    clear: both;
}

#zhouxin .yss li .fimg {
    display: none;
}

#zhouxin .yss .wzs {
    display: inline-block;
    width: 500px;
}

#zhouxin .yss .wzs h3 {
    font-size: 28px;
    line-height: 48px;
    color: rgba(0, 0, 0, 1);
}

#zhouxin .yss .wzs h3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 1);
}

#zhouxin .yss .wzs>span {
    font-size: 18px;
    line-height: 48px;
    color: rgba(0, 0, 0, 1);
    margin-top: -20px;
    display: inline-block;
    margin-bottom: 5px;
}

#zhouxin .yss .wzs>p {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 1);
    background: url("../images/liss.png") no-repeat left 12px;
    padding-left: 20px;
}

#zhouxin .yss .jsz {
    font-family: Impact;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 57px;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    width: 64px;
    height: 57px;
    position: relative;
    left: -30px;
    top: 0;
    margin-top: -30px;
}

#zhouxin .yss li:nth-child(2) .fimg {
    display: block;
}

#zhouxin .yss li:nth-child(3) .wzs h3 span::before,
#zhouxin .yss li:nth-child(4) .wzs h3 span::before {
    content: "/";
    font-size: 28px;
    line-height: 48px;
    color: rgba(0, 0, 0, 1);
}

#zhouxin li:nth-child(1) {}

#zhouxin li:nth-child(1) .jsz {
    background: url("../images/sz1.png") no-repeat;
    padding-right: 0px;
    top: -83px;
}

#zhouxin li:nth-child(1) .zimg {
    left: -575px;
    position: absolute;
    width: 515px;
    height: 304px;}

#zhouxin .yss li:nth-child(1) .wzs {
    margin-left: 70px;
    margin-top: 55px;
}

#zhouxin li:nth-child(2) {
    position: relative;
}

#zhouxin li:nth-child(2) .jsz {
    background: url("../images/sz2.png") no-repeat;
    padding-left: 0px;
    position: relative;
    top: -140px;
    left: -35px;
}

#zhouxin li:nth-child(2) .zimg {
    width: 515x;
    height: 304px;
    position: relative;
    left: 69px;
}

#zhouxin li:nth-child(2) .wzs {
    display: inline-block;
    position: absolute;
    left: -540px;
    top: 120px;
}

#zhouxin li:nth-child(3) {
    position: relative;
}

#zhouxin li:nth-child(3) .jsz {
    background: url("../images/sz3.png") no-repeat;
    padding-right: 0px;
    position: relative;
    top: -100px;
}

#zhouxin li:nth-child(3) .zimg {
    position: absolute;
    left: -575px; width:515px;
    top: 0px;
}

#zhouxin li:nth-child(3) .wzs {
    position: relative;
    left: 87px;
    margin-top: 100px;
}

#zhouxin li:nth-child(4) {
    position: relative;
    margin-top: 90px;
}

#zhouxin li:nth-child(4) .jsz {
    background: url("../images/sz4.png") no-repeat;
    padding-right: 0px;
    position: absolute;
    top: 70px;
}

#zhouxin li:nth-child(4) .zimg {
    position: relative;
    left: 69px;
}

#zhouxin li:nth-child(4) .wzs {
    position: absolute;
    left: -556px;
    top: 65px;
}
.contactpage { margin-top:15px;}
.contactpage .ul .li1{ font-size:17px; width: 100%; height: 61px; line-height: 61px; border-bottom: dotted 1px #ccc; margin-bottom:5px;}
.contactpage .ul .li{ display: block; width: 50%; height: 41px; line-height: 41px; border-bottom: dotted 1px #ccc; float: left;margin-bottom:5px; }

.pagination-wrapper,.pagination { clear:both; margin-top:40px}
@media screen and (max-width:1280px){
.list-2 ul li .img img{
	width: 100%;
	height: auto;
	border: 1px solid #c1c1c1;
}
}